<!DOCTYPE html>
<head>
<title>太原机场地服</title>
<meta name="description" content="" />
<meta name="author" content="templatemo">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/font-awesome.min.css"
	rel="stylesheet">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/templatemo_misc.css">
<link type="text/css" rel="stylesheet"
	href="${pageContext.request.contextPath }/css/easy-responsive-tabs.css" />
<link
	href="${pageContext.request.contextPath }/css/templatemo_style.css"
	rel="stylesheet">

<script
	src="${pageContext.request.contextPath }/js/jquery-1.10.2.min.js"></script>
<script src="${pageContext.request.contextPath }/js/jquery.lightbox.js"></script>
<script
	src="${pageContext.request.contextPath }/js/templatemo_custom.js"></script>
<script
	src="${pageContext.request.contextPath }/js/easyResponsiveTabs.js"
	type="text/javascript"></script>
<script>
    function showhide()
    {
        var div = document.getElementById("newpost");
		if (div.style.display !== "none") 
		{
			div.style.display = "none";
		}
		else 
		{
			div.style.display = "block";
		}
    }
  </script>
</head>
<body>
	<!-- logo start -->
	<div class="logocontainer">
		<div class="row">
			<h1>
				<a href="#">太原武宿国际机场</a>
			</h1>
			<div class="clear"></div>
			<div class="templatemo_smalltitle">地勤服务部</div>
		</div>
	</div>
	<!-- logo end -->
	<div id="menu-container" class="main_menu">
		<!-- homepage start -->
		<div class="content homepage" id="menu-1">
			<div class="container" id="container">
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div class="templatemo_mainservice templatemo_botgap">
						<div class="templatemo_link">
							<a class="show-2 templatemo_page2" href="#">Services</a>
						</div>

					</div>
					<div class="templatemo_mainimg">
						<img
							src="${pageContext.request.contextPath }/images/templatemo_home1.jpg"
							alt="home img 01">
					</div>
				</div>
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div
						class="templatemo_mainimg templatemo_botgap templatemo_portfotopgap">
						<img
							src="${pageContext.request.contextPath }/images/templatemo_home2.jpg"
							alt="home img 02">
					</div>
					<div class="templatemo_mainportfolio">
						<div class="templatemo_link">
							<a class="show-3 templatemo_page3" href="#">活动照片</a>
						</div>

					</div>
				</div>
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div
						class="templatemo_maintesti templatemo_botgap templatemo_topgap">
						<div class="templatemo_link">
							<a class="show-4 templatemo_page4" href="#">最新通告</a>
						</div>
					</div>
					<div class="templatemo_mainimg">
						<img
							src="${pageContext.request.contextPath }/images/templatemo_home3.jpg"
							alt="home img 03">
					</div>
				</div>
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div class="templatemo_mainabout templatemo_botgap">
						<div class="templatemo_link">
							<a href="${pageContext.request.contextPath }/jsp/stuff/login.jsp">人事管理</a>
						</div>
					</div>
					<div class="templatemo_mainabout templatemo_botgap">
						<div class="templatemo_link">
							<a class="show-5 templatemo_page5" href="#">地勤简介</a>
						</div>
					</div>
					<div class="templatemo_maincontact">
						<div class="templatemo_link">
							<a class="show-6 templatemo_page6" href="#">联系我们</a>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!-- homepage end -->
		<!--services start -->
		<div class="content services" id="menu-2">
			<div class="container">
				<div class="row templatemo_bordergapborder">
					<div class="col-md-3 col-sm-12 templatemo_leftgap">
						<div class="templatemo_mainimg templatemo_botgap">
							<img
								src="${pageContext.request.contextPath }/images/templatemo_service1.jpg"
								alt="service image">
						</div>
						<div class="templatemo_mainservice templatemo_botgap">
							<div class="templatemo_linkservice">
								<a class="show-1 templatemo_homeservice" href="#">Go Back</a>
							</div>
						</div>
					</div>

					<div class="templatemo_col37 col-sm-12 templatemo_leftgap">
						<div class="templatemo_graybg">
							<div class="templatemo_frame">
								<h2>Our Services</h2>
								<div class="clear"></div>
								<p>
									<a href="#">Matrix HTML5 template</a> is new metro style <a
										href="#">website template</a> for you and it is available for
									free download. Credit goes to <a rel="nofollow" href="#">Unsplash</a>
									for all images used in this template. Praesent ut vehicula
									lorem. Nulla nec tellus id ligula egestas luctus fringilla vel
									dui. Nulla quis quam eget purus aliquam molestie. Nunc ligula
									magna, viverra eu eros vitae, aliquam tempor nunc. Pellentesque
									habitant morbi tristique senectus et netus et malesuada fames
									ac turpis egestas.<br>
									<br> Pellentesque habitant morbi tristique senectus et
									netus et malesuada fames ac turpis egestas. Suspendisse eget
									laoreet nunc. Suspendisse condimentum metus neque, at
									adipiscing metus venenatis eu. Mauris sit amet erat laoreet,
									ullamcorper justo sit amet, vehicula purus. Nulla sagittis
									pulvinar erat, sit amet venenatis lacus fringilla vitae.<br>
									<br> Integer sit amet libero sed dui pretium tempor. Nam
									neque erat, euismod ut pulvinar in, bibendum eget mi. Phasellus
									porttitor purus sit amet condimentum mattis. Nulla non
									venenatis mauris.
								</p>
							</div>
						</div>
					</div>
					<div
						class="templatemo_col37 col-sm-12 templatemo_leftgap templatemo_topgap">
						<div class="templatemo_mainimg templatemo_botgap">
							<img
								src="${pageContext.request.contextPath }/images/templatemo_service2.jpg"
								alt="service image">
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- services end -->

		<!-- portfilio start -->
		<div class="portfolio" id="menu-3" style="display: none;">
			<div class="container">
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div class="templatemo_insideportfolio templatemo_botgap">
						<div class="templatemo_portfoliotext">
							<h2>Portfolio</h2>
							<div class="clear"></div>
							Suspendisse condimentum metus neque, at adipiscing metus
							venenatis eu. Mauris sit amet erat laoreet, ullamcorper justo sit
							amet, vehicula purus. Nulla sagittis pulvinar erat, sit amet
							venenatis lacus fringilla vitae.
						</div>
					</div>
					<div class="templatemo_portfolioback">
						<div class="templatemo_link">
							<a class="show-1 templatemo_homeportfolio" href="#">Go Back</a>
						</div>
					</div>

				</div>
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div class="templatemo_botgap templatemo_portfotopgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio01.jpg"
							alt="gallery 1">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio01.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio02.jpg"
							alt="gallery 2">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio02.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio03.jpg"
							alt="gallery 3">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio03.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio04.jpg"
							alt="gallery 4">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio04.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio05.jpg"
							alt="gallery 5">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio05.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio06.jpg"
							alt="gallery 6">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio06.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 templatemo_leftgap">
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio07.jpg"
							alt="gallery 7">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio07.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio08.jpg"
							alt="gallery 8">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio08.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
					<div class="templatemo_botgap templatemo_topgap gallery-item">
						<img
							src="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio09.jpg"
							alt="gallery 9">
						<div class="overlay">
							<a
								href="${pageContext.request.contextPath }/images/portfolio/templatemo_portfolio09.jpg"
								data-rel="lightbox" class="fa fa-arrows-alt"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- portfolio end -->
		<div class="copyrights">
			Collect from <a href="http://www.cssmoban.com/">网页模板</a>
		</div>
		<!-- testimonial start -->
		<div class="content testimonial" id="menu-4">
			<div class="container">
				<div class="row templatemo_bordergapborder">
					<!--vertical Tabs-->
					<div id="cmt">
						<div class="col-md-3 col-sm-12 templatemo_leftgap_about">
							<ul class="resp-tabs-list templatemo_testitab">
								<li>Testimonials</li>
								<li>Special Awards</li>
								<li>Recognitions</li>
							</ul>
							<div class="templatemo_aboutlinkwrapper">
								<div class="templatemo_link">
									<a class="show-1 templatemo_hometestimonial" href="index.html">Go
										Back</a>
								</div>
							</div>
						</div>
						<div class="resp-tabs-container templatemo_testicontainer">
							<div>
								<div class="templatemo_col50 templatemo_rightgap_about">
									<div class="templatemo_graybg templatemo_botgap">
										<div class="templatemo_frame">
											<h2>Testimonials</h2>
											<p>
												Aliquam accumsan, mauris ut hendrerit vehicula, elit massa
												facilisis nulla, ut auctor risus massa non elit. Vestibulum
												commodo, mauris quis accumsan pretium, mauris erat porttitor
												nibh, a eleifend ante elit eu velit. Sed molestie fringilla
												tellus ut venenatis. Nam ut eros augue. Nullam scelerisque
												enim eget ornare rutrum. Proin dignissim eget arcu a
												posuere. Sed ut lacinia enim, et adipiscing purus.<br>
												<br> Etiam vitae elit euismod dui <a href="#">elementum</a>
												dapibus sed eleifend purus. Maecenas eleifend arcu arcu,
												vitae interdum erat sollicitudin vel. Pellentesque habitant
												morbi tristique senectus et netus et malesuada fames ac
												turpis egestas.
											</p>
										</div>
									</div>
								</div>
								<div
									class="templatemo_col50 templatemo_leftgap templatemo_botgap">
									<img
										src="${pageContext.request.contextPath }/images/templatemo_testimonial1.jpg"
										alt="testimonial image">
								</div>
							</div>
							<div>
								<div class="templatemo_col50 templatemo_rightgap_about">
									<div class="templatemo_graybg templatemo_botgap">
										<div class="templatemo_frame">
											<h2>Special Awards</h2>
											<p>
												Suspendisse eu nisl sit amet purus varius pellentesque quis
												id mi. Ut ac sodales massa. Suspendisse placerat malesuada
												ligula, et bibendum justo convallis in. Duis imperdiet nibh
												non sodales porttitor. Donec <a href="#">pellentesque</a>
												mollis ante, a bibendum turpis congue at. Maecenas ligula
												augue, pellentesque ac porttitor eu, facilisis at nisl.<br>
												<br> Duis nulla leo, posuere sit amet nibh nec, lacinia
												ullamcorper turpis. Vestibulum ante ipsum primis in faucibus
												orci luctus et ultrices posuere cubilia Curae; Aliquam
												aliquam facilisis metus, eget semper nisi mollis blandit.
												Vestibulum metus neque, vestibulum nec tempus vitae, viverra
												sit amet odio.
											</p>
										</div>
									</div>
								</div>
								<div
									class="templatemo_col50 templatemo_leftgap templatemo_botgap">
									<img
										src="${pageContext.request.contextPath }/images/templatemo_testimonial2.jpg"
										alt="testimonial image">
								</div>
							</div>
							<div>
								<div class="templatemo_col50 templatemo_rightgap_about">
									<div class="templatemo_graybg templatemo_botgap">
										<div class="templatemo_frame">
											<h2>Recognitions</h2>
											<p>
												Quisque convallis neque eu nunc dictum, eget vehicula ipsum
												rhoncus. Fusce a egestas mauris, dapibus fermentum ligula.
												Donec ac scelerisque sem. Morbi mollis augue non nunc
												tincidunt, sit amet volutpat nisi commodo. <a href="#">Suspendisse</a>
												justo nisl, fringilla vehicula augue ut, mattis mattis
												lacus.<br>
												<br> Maecenas at urna non dolor sagittis suscipit.
												Nulla lacinia orci eu felis cursus ultricies. Vestibulum non
												leo feugiat, posuere mi sit amet, tristique nulla.
												Suspendisse dui est, sagittis ac pulvinar vel, venenatis ac
												nisi. Maecenas ac purus viverra, tincidunt dui at, rutrum
												lorem.
											</p>
										</div>
									</div>
								</div>
								<div
									class="templatemo_col50 templatemo_leftgap templatemo_botgap">
									<img
										src="${pageContext.request.contextPath }/images/templatemo_testimonial3.jpg"
										alt="testimonial image">
								</div>
							</div>
						</div>
					</div>
					<div
						class="col-sm-12 templatemo_leftgap templatemo_aboutlinkwrapper1">
						<div class="templatemo_aboutback templatemo_botgap">
							<div class="templatemo_link">
								<a class="show-1 templatemo_hometestimonial" href="#">Go
									Back</a>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!-- about start -->
		<div class="content about" id="menu-5">
			<div class="container">
				<div class="row templatemo_bordergapborder">
					<!--vertical Tabs-->
					<div id="ab">
						<div class="col-md-3 col-sm-12 templatemo_leftgap_about">
							<ul class="resp-tabs-list templatemo_tab">
								<li>Our Team</li>
								<li>Our History</li>
								<li>Our Vision</li>
							</ul>
							<div class="templatemo_aboutlinkwrapper">
								<div class="templatemo_link">
									<a class="show-1 templatemo_homeabout" href="#">Go Back</a>
								</div>
							</div>
						</div>
						<div class="resp-tabs-container templatemo_aboutcontainer">
							<div>
								<div class="templatemo_col50 templatemo_rightgap_about">
									<div class="templatemo_graybg templatemo_botgap">
										<div class="templatemo_frame">
											<h2>Our Team</h2>
											<p>
												Lorem ipsum dolor sit amet, consectetur adipiscing elit.
												Vestibulum nibh urna, euismod ut ornare non, volutpat vel
												tortor. Integer laoreet placerat suscipit. Sed sodales
												scelerisque commodo. Nam porta cursus lectus. Proin nunc
												erat, gravida a facilisis quis, ornare id lectus. Proin
												consectetur nibh quis urna gravida mollis.<br>
												<br> Quisque vitae malesuada risus. Quisque at
												consequat erat. Cras sed fermentum ipsum. Maecenas aliquet
												commodo dui vel dapibus. Cras quis mi non nisl posuere
												vestibulum vitae id ipsum. Pellentesque mollis sem non
												facilisis aliquam. Curabitur eu fermentum odio.
											</p>
										</div>
									</div>
								</div>
								<div
									class="templatemo_col50 templatemo_leftgap templatemo_botgap">
									<img
										src="${pageContext.request.contextPath }/images/templatemo_about.jpg"
										alt="about image">
								</div>
							</div>
							<div>
								<div class="templatemo_col50 templatemo_rightgap_about">
									<div class="templatemo_graybg templatemo_botgap">
										<div class="templatemo_frame">
											<h2>Our History</h2>
											<p>
												Pellentesque id ullamcorper justo. Vestibulum imperdiet
												justo vitae lacus pulvinar, ut tempus lacus porta. Nulla
												eget tellus elit. Proin ipsum mi, dictum nec massa quis,
												malesuada feugiat nisl. Nam tempus at eros ut volutpat.<br>
												<br> Feel free to download our <a rel="nofollow"
													href="#">templates</a> for your websites. Aenean
												consectetur, libero non dapibus posuere, odio quam fringilla
												diam, et rutrum felis tortor gravida massa. Aenean tincidunt
												dolor id augue consectetur, eget suscipit lectus facilisis.
												Integer eleifend augue non euismod viverra.
											</p>
										</div>
									</div>
								</div>
								<div
									class="templatemo_col50 templatemo_leftgap templatemo_botgap">
									<img
										src="${pageContext.request.contextPath }/images/templatemo_team.jpg"
										alt="history image">
								</div>
							</div>
							<div>
								<div class="templatemo_col50 templatemo_rightgap_about">
									<div class="templatemo_graybg templatemo_botgap">
										<div class="templatemo_frame">
											<h2>Our Vision</h2>
											<p>
												We provide <a href="#">mobile website templates</a> for
												everyone. Suspendisse eget iaculis velit, at ullamcorper
												justo. Nulla mi elit, mollis sit amet eros eget, tempus
												accumsan diam. Nunc blandit nisl eu massa ultrices, eget
												adipiscing purus posuere. Maecenas sapien libero, tempor eu
												pulvinar in, blandit vitae sem.<br>
												<br> Vestibulum pellentesque turpis orci, sit amet
												varius velit aliquet id. In fringilla nisi id lorem
												scelerisque, vitae elementum quam porta. Vestibulum bibendum
												egestas velit, id mollis lacus euismod nec. Duis fringilla
												dui sit amet felis eleifend auctor. Duis rhoncus, nulla eget
												egestas consequat, justo purus elementum ipsum, ut blandit
												quam libero sit amet metus.
											</p>
										</div>
									</div>
								</div>
								<div
									class="templatemo_col50 templatemo_leftgap templatemo_botgap">
									<img
										src="${pageContext.request.contextPath }/images/templatemo_vision.jpg"
										alt="vision image">
								</div>
							</div>
						</div>
					</div>
					<div
						class="col-sm-12 templatemo_leftgap templatemo_aboutlinkwrapper1">
						<div class="templatemo_aboutback templatemo_botgap">
							<div class="templatemo_link">
								<a class="show-1 templatemo_homeabout" href="#">Go Back</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- about end -->
		<!-- contact start -->
		<div class="content contact" id="menu-6">
			<div class="container">
				<div class="row templatemo_bordergapborder">
					<div class="col-md-3 col-sm-12 templatemo_leftgap">
						<div class="templatemo_mainimg templatemo_botgap">
							<img
								src="${pageContext.request.contextPath }/images/templatemo_contact1.jpg"
								alt="contact image">
						</div>
						<div class="templatemo_maincontact templatemo_botgap">
							<div class="templatemo_linkcontact">
								<a class="show-1 templatemo_homecontact" href="#">Go Back</a>
							</div>
						</div>
					</div>

					<div class="templatemo_col37 col-sm-12 templatemo_leftgap">
						<div class="templatemo_graybg templatemo_paddinggap">
							<h2>Contact Us</h2>
							<div class="clear"></div>
							<form role="form">
								<div class="templatemo_form">
									<input name="fullname" type="text" class="form-control"
										id="fullname" placeholder="Your Name" maxlength="40">
								</div>
								<div class="templatemo_form">
									<input name="email" type="text" class="form-control" id="email"
										placeholder="Your Email" maxlength="40">
								</div>
								<div class="templatemo_form">
									<input name="subject" type="text" class="form-control"
										id="subject" placeholder="Subject" maxlength="60">
								</div>
								<div class="templatemo_form">
									<textarea name="message" class="form-control" id="message"
										placeholder="Your Message..."></textarea>
								</div>
								<div class="templatemo_form">
									<button type="button" class="btn btn-primary">Send</button>
								</div>
							</form>
						</div>
					</div>
					<div
						class="templatemo_col37 col-sm-12 templatemo_leftgap templatemo_topgap">
						<div class="templatemo_graybg templatemo_paddinggap">
							<h2>Our Location</h2>
							<div class="clear"></div>
							<div class="templatemo_contactmap">
								<div id="templatemo_map"></div>
							</div>
							<div class="templatemo_address">
								24-66 Nam auctor elementum dolor 10220<br> Tel:
								010-020-0340 Email: info@company.com
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!-- contact end -->

	</div>

	<!-- logo start -->
	<div class="logocontainer">
		<div class="row">
			<div class="templatemo_footer">
				Copyright © 2084 Company Name - <a href="http://www.cssmoban.com/">太原武宿国际机场地勤服务部</a>
				Collect from <a href="http://www.cssmoban.com/" title="网页模板"
					target="_blank">测试网页</a>
			</div>
		</div>
	</div>
	<!-- logo end -->
	<script type="text/javascript">
    $(document).ready(function () {
        $('#horizontalTab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion
            width: 'auto', //auto or any width like 600px
            fit: true, // 100% fit in a container
            closed: 'accordion', // Start closed if in accordion view
            activate: function(event) { // Callback function if tab is switched
                var $tab = $(this);
                var $info = $('#tabInfo');
                var $name = $('span', $info);

                $name.text($tab.text());

                $info.show();
				
            }
        });

        $('#ab').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true,
        });
		

		$('#cmt').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true,
        });
    });
</script>

</body>
</html>